@import url(../less/common.less);

.product_item {
	position:relative;
	.name {
		font-size: 18rem/@baseFontSize;
		white-space: normal;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 100%;
		color: #333;
		min-height: 40rem/@baseFontSize;
	}
	.info{
		.now_price{
			color: #ff3300;
			font-size:18rem/@baseFontSize;
		}
		.old_price {
			text-decoration: line-through;
			color: #ccc;
			font-size: 14rem/@baseFontSize;
			padding-left: 10rem/@baseFontSize;
		}
		.number{
			float: right;
			font-size: 16rem/@baseFontSize;
			padding-right: 20rem/@baseFontSize;
		}
	}
	.size{}
	&:after{
		font-family: "Muiicons";
		content: "\e583";
		position: absolute;
		font-size:inherit;
		right:5rem/@baseFontSize;
		top: 50%;
		transform: translate(0,-50%);
		color: #ccc;
	}
	input[type="checkbox"] {
		position: absolute;
		bottom: 20rem/@baseFontSize;
		left: 30rem/@baseFontSize;
	}
}

.mui-table-view .mui-media-object {
	line-height: 90rem/@baseFontSize;
    max-width: 90rem/@baseFontSize;
    height: 90rem/@baseFontSize;
}

.cart_order {
	width: 100%;
	height: 50rem/@baseFontSize;
	background-color: #fff;
	padding: 0 10rem/@baseFontSize;
	border-top: 1px solid #ccc;
	position: absolute;
	bottom: 55rem/@baseFontSize;
	color: #FF3300;
	left: 0;
	z-index: 9999;
	font-weight: 700;
	font-size: 20rem/@baseFontSize;
	p{
		display: inline-block;
		color: #FF3300;
		line-height: 50rem/@baseFontSize;
		font-size: 20rem/@baseFontSize;
		text-align: center;
	}
	a{
		display: inline-block;
		float: right;
		color: #fff;
		font-size: 22rem/@baseFontSize;
		height: 40rem/@baseFontSize;
		line-height: 40rem/@baseFontSize;
		padding: 0 15rem/@baseFontSize;
		margin-top: 5rem/@baseFontSize;
		margin-right: 5rem/@baseFontSize;
		background-color: #FF3300;
	}
}

.lt_content {
	padding: 45rem/@baseFontSize 0 105rem/@baseFontSize;
}

.lt_size{
	padding: 20rem/@baseFontSize 15rem/@baseFontSize;
	font-size: 22rem/@baseFontSize;
	.btn_size{
		padding: 5rem/@baseFontSize;
		margin-right: 5rem/@baseFontSize;
		border: 1px solid #ccc;
		text-align: center;
		line-height: 53rem/@baseFontSize;
		cursor: pointer;
	}
	.active {
		background-color: #fa672d;
	}
}

.lt_number {
	padding: 15rem/@baseFontSize 0;
	font-size: 0;
	text-align: left;
	span,input,p {
		display: inline-block;
		font-size: 20rem/@baseFontSize;
		color: #333;
		vertical-align: middle;
		padding: 0;
		margin: 0;
	}
	span,input {
		border: 1px solid #ccc;
		line-height: 40rem/@baseFontSize;
		text-align: center;
		width: 40rem/@baseFontSize;
		height: 40rem/@baseFontSize;
	}
	.plus{
		
	}
	input{
		border-radius: 0;
		border: none;
		border-bottom:1px solid #ccc;
		border-top: 1px solid #ccc;
	}
	.subtract{}
	p{
		border:none;
		padding-left: 15rem/@baseFontSize;
	}
}
